<?php

/* @var $this yii\web\View */

$this->title = 'My Yii Application';
?>
<html>
<head>
    <meta charset="utf-8">
    <title>首页</title>
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/site.css">
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
</head>
<body>
<div class="container-fluid" id="body-container">
<!--    <div class="row row-logol">-->
<!--    <div class="nav-container" id="menu">-->
        <div class="row">
<!--            <div class="nav-logol" id="logol">-->
            <div class="col-md-3" id="logol">
                <a href="#" class="logol">易订货</a>
            </div>
            <div class="col-md-6 col-xs-6 col-sm-6 nav-middle">
<!--            <div class="nav-middle visible-lg visible-md">-->
                <ul class="var-left" id="nav-font">
                    <li><a>首页</a></li>
                    <li>
                        <a>产品</a>
                        <span class="glyphicon glyphicon-chevron-down arrow-down"></span>
                        <ul class="second-nav">
                            <div class="container-li">
                                <li>
                                    <a href="#">易订货</a>
                                </li>
                                <li>
                                    <a href="#">易订货</a>
                                </li>
                                <li>
                                    <a href="#">易订货</a>
                                </li>
                                <li>
                                    <a href="#">易订货</a>
                                </li>
                            </div>
                        </ul>
                    </li>
                    <li>
                        <a>行业</a>
                        <span class="glyphicon glyphicon-chevron-down arrow-down"></span>
                        <ul class="second-nav">
                            <div class="container-li">
                                <li>
                                    <a href="#">易订货</a>
                                </li>
                                <li>
                                    <a href="#">易订货</a>
                                </li>
                                <li>
                                    <a href="#">易订货</a>
                                </li>
                                <li>
                                    <a href="#">易订货</a>
                                </li>
                            </div>
                        </ul>
                    </li>
                    <li><a>价格</a></li>
                    <li><a>客户</a></li>
                    <li><a>伙伴</a></li>
                    <li><a>服务</a></li>
                    <li>
                        <a>我们</a>
                        <span class="glyphicon glyphicon-chevron-down arrow-down"></span>
                        <ul class="second-nav">
                            <div class="container-li">
                                <li>
                                    <a href="#">易订货</a>
                                </li>
                                <li>
                                    <a href="#">易订货</a>
                                </li>
                                <li>
                                    <a href="#">易订货</a>
                                </li>
                                <li>
                                    <a href="#">易订货</a>
                                </li>
                            </div>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="col-md-3 col-xs-6 col-sm-6 nav-login">
<!--            <div class="nav-login visible-lg visible-md">-->
                <ul class="login">
                    <li class="login-li">
                        <a href="#" class="login-left">登 录</a>
                        <div class="divider"></div>
                        <a href="#" class="login-right">注 册</a>
                    </li>
                    <li class="experience"><a href="#">体 验</a></li>
                </ul>
            </div>
        </div>
<!--    </div>-->
<!--    <div class="cartoon">-->
    <div class="row cartoon">
        <div class="col-md-12 col-xs-12 col-sm-12">
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                <!-- Indicators -->
                <ol class="carousel-indicators" id="jjj">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="3"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="4"></li>
                </ol>

                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                    <div class="item active item1">
                        <div class="carousel-caption item-font">
                            <h2>易订货生鲜专版</h2>
                            <h5>生鲜农贸企业专属的全渠道营销订货平台</h5>
<!--                            <a href="/product/fresh.html" class="btn btn-primary">查看详情</a>-->
                            <button type="button" class="btn btn-info btn1">查看详情</button>
                        </div>
                    </div>
                    <div class="item item2">
                        <div class="carousel-caption item-font">
                            <h2>易订货生鲜专版</h2>
                            <h5>生鲜农贸企业专属的全渠道营销订货平台</h5>
                            <button type="button" class="btn btn-info btn1">查看详情</button>
                        </div>
                    </div>
                    <div class="item item3">
                        <div class="carousel-caption item-font">
                            <h2>易订货生鲜专版</h2>
                            <h5>生鲜农贸企业专属的全渠道营销订货平台</h5>
                            <button type="button" class="btn btn-info btn1">查看详情</button>
                        </div>
                    </div>
                    <div class="item item4">
                        <div class="carousel-caption">
<!--                            ...-->
                        </div>
                    </div>
                    <div class="item item5">
                        <a href="#">
                            <div class="item item5"></div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="new visible-lg visible-md">
        <div class="new-container">
            <div class="row">
                <div class="col-md-4">
                    <a href="#">
                        <span class="new-logol1"></span>
                        <h5>新闻</h5>
                    </a>
                    <div class="new-font">
                        <a>双榜题名！易订货入选-2018上半年中国b2b企业百强榜</a>
                        <a>易订货上半年业绩超去年全年，继续保持150行业高</a>
                    </div>
                </div>
                <div class="col-md-4">
                    <a href="#">
                        <span class="new-logol2"></span>
                        <h5>活动</h5>
                    </a>
                    <div  class="new-font">
                        <a>百城之战-领鲜一夏-易订货生鲜专版培训（华东站</a>
                        <a>飞鹰特训完满结束，生鲜战役正式打响</a>
                    </div>
                </div>
                <div class="col-md-4">
                    <a href="#">
                        <span class="new-logol3"></span>
                        <h5>客户</h5>
                    </a>
                    <div class="new-font">
                        <a>6年间，这家企业年销售额破8000万</a>
                        <a>互联网装修时代，易订货做装小哥的幕后好帮手</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
<!--    <div class="circle">-->
<!--        <div class="circle-container">-->
    <div class="container">
            <div class="row">
                <div class="col-md-12 col-sm-12 col-xs-12">
                    <div class="circle-font1">
                        <h3 class="aa">易订货，企业专属的全渠道营销订货平台</h3>
                    </div>
                    <div class="circle-font2">
                        <p>
                            易订货帮助企业快速构建专属的全渠道营销订货平台，围绕品牌企业及下游客户的全渠道业务流程设计，以订单处理为核心，实现在商机管理、分销管控、商品促销、订单处理、库存采购、资金对账、支付物流、决策分析等业务环节的全程电子商务。实时数据决策分析，让生意更简单！
                        </p>
                    </div>
                </div>
<!--                <div class="col-xs-12 col-sm-12 visible-xs visible-sm">-->
<!--                    <div class="circle-font3">-->
<!--                        <h3>易订货，企业专属的全渠道营销订货平台</h3>-->
<!--                    </div>-->
<!--                    <div class="circle-font4">-->
<!--                        <p>-->
<!--                            易订货帮助企业快速构建专属的全渠道营销订货平台，围绕品牌企业及下游客户的全渠道业务流程设计，以订单处理为核心，实现在商机管理、分销管控、商品促销、订单处理、库存采购、资金对账、支付物流、决策分析等业务环节的全程电子商务。实时数据决策分析，让生意更简单！-->
<!--                        </p>-->
<!--                    </div>-->
<!--                </div>-->
            </div>
            <div class="row circle visible-lg visible-md">
                <div class="col-md-3 col-xs-12 four-circle">
                    <a href="#">
                        <div class="circle-image1"></div>
                        <h5>易订货</h5>
                        <p>易订货通用版产品，所有行业都适用</p>
                    </a>
                </div>
                <div class="col-md-3 col-xs-12 four-circle">
                    <a href="#">
                        <div class="circle-image2"></div>
                        <h5>易订货</h5>
                        <p>易订货通用版产品，所有行业都适用</p>
                    </a>
                </div>
                <div class="col-md-3 col-xs-12 four-circle">
                    <a href="#">
                        <div class="circle-image3"></div>
                        <h5>易订货</h5>
                        <p>易订货通用版产品，所有行业都适用</p>
                    </a>
                </div>
                <div class="col-md-3 col-xs-12 four-circle">
                    <a href="#">
                        <div class="circle-image4"></div>
                        <h5>易订货</h5>
                        <p>易订货通用版产品，所有行业都适用</p>
                    </a>
                </div>
            </div>
        <div class="row circle visible-xs visible-sm">
            <div class="col-md-3 col-xs-12 four-circle2">
                <a href="#">
                    <div class="circle-image1"></div>
                    <h5>易订货</h5>
                    <p>易订货通用版产品，所有行业都适用</p>
                </a>
            </div>
            <div class="col-md-3 col-xs-12 four-circle2">
                <a href="#">
                    <div class="circle-image2"></div>
                    <h5>易订货</h5>
                    <p>易订货通用版产品，所有行业都适用</p>
                </a>
            </div>
            <div class="col-md-3 col-xs-12 four-circle2">
                <a href="#">
                    <div class="circle-image3"></div>
                    <h5>易订货</h5>
                    <p>易订货通用版产品，所有行业都适用</p>
                </a>
            </div>
            <div class="col-md-3 col-xs-12 four-circle2">
                <a href="#">
                    <div class="circle-image4"></div>
                    <h5>易订货</h5>
                    <p>易订货通用版产品，所有行业都适用</p>
                </a>
            </div>
        </div>
        <div class="row circle visible-lg visible-md">
            <div class="col-md-3 col-xs-12 four-circle2">
                <a href="#">
                    <div class="circle-image1"></div>
                    <h5>易订货</h5>
                    <p>易订货通用版产品，所有行业都适用</p>
                </a>
            </div>
            <div class="col-md-3 col-xs-12 four-circle2">
                <a href="#">
                    <div class="circle-image2"></div>
                    <h5>易订货</h5>
                    <p>易订货通用版产品，所有行业都适用</p>
                </a>
            </div>
            <div class="col-md-3 col-xs-12 four-circle2">
                <a href="#">
                    <div class="circle-image3"></div>
                    <h5>易订货</h5>
                    <p>易订货通用版产品，所有行业都适用</p>
                </a>
            </div>
            <div class="col-md-3 col-xs-12 four-circle2">
                <a href="#">
                    <div class="circle-image4"></div>
                    <h5>易订货</h5>
                    <p>易订货通用版产品，所有行业都适用</p>
                </a>
            </div>
        </div>
    </div>
<!--        </div>-->
<!--    </div>-->
</div>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。也可以根据需要只加载单个插件。 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script>
    window.onscroll=function(){
        var t=document.documentElement.scrollTop||document.body.scrollTop;
        var div2=document.getElementById("menu");
        if(t>= 100){
            div2.className = "menu_1";
        }else{
            div2.className = "nav-container";
        }
    }
</script>
</body>
</html>
